<template name="projectList">
  <div id="projectlist">
    <div class="container">
      <h1>List of All Water Projects<br/><small>Browse from newest to oldest</small></h1>
    </div> <!-- /container -->
    
    <div class="projectlist-container">
    <div id="fit-width" class="container masonry">
      <div id="masonry-container" class="js-masonry">
      <!--div class="grid-sizer"></div-->
      {{#each projects}}
          <div class="thumbnail project-box item">
            <div class="caption">
              <h3><a href="/project/{{_id}}">{{title}}</a><br/><small> by {{owner}} on {{formatDate date_created "short"}}</small></h3>
              <p>{{truncate description 140}}</p>
              <p><a href="/project/{{_id}}" class="btn btn-xs btn-primary" role="button">More</a></p>
            </div>
          </div>
      {{/each}}
     </div>
    </div>
    </div>
  </div>
</template>